*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  /*overflow: auto;*/
}
html,body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  margin:0 auto;
  width:100%;
  height:100%;
}
/*el相关调整*/
.el-table thead tr th{
  color:#333;
}
.el-divider--horizontal{
  margin: 0 0 15px 0!important;
}
/*自定义*/
.color-999{color:#999;}
.color-success{color:#67C23A;}
.color-primary{color:#409EFF;}
.color-danger{color:#F56C6C;}
.color-warning{color:#E6A23C;}

.page-header{
  .page-tit{
    font-size: 25px;
    color:#409EFF;
    border-left:4px solid #409EFF;
    margin:10px 0;
    padding: 0 10px;
  }
}

.hp100{
  height:100%;
}

.wp100{width:100%}

.align-center{
  text-align: center;
}


#app,#App{
  width:100%;
  height:100%;
}

.main{
  flex-direction: column;
  display: flex;
  height:100%;
  padding: 10px;
}
.cds-table{
  width: 100%;
}
.cds-page{
  margin:20px 0;
}
.top-btn{
  margin: 0 0 15px 0;
  .refresh{
    float: right;
  }
}
.search-form{
  .el-input{
    width: 120px;
  }
  .el-input-number{
    width: 150px;
    .el-input{
      width: 150px;
    }
  }
  .el-date-editor.el-input, .el-date-editor.el-input__wrapper{
    width: 177px;
  }
  .el-select{
    width:auto;
    max-width: 230px;
    min-width: 170px;
  }
}

.edit-form{
  .el-input{
    width: 400px;
  }
  .el-input-number{
    width: 400px;
    .el-input{
      width: 400px;
    }
  }
  .el-date-editor.el-input, .el-date-editor.el-input__wrapper{
    width: 400px;
  }
  .el-select{
    width:400px;
  }
}


/*主页面*/
.container{
  display: flex;
  width: 100%;
  height:100%;
}
.nav-box{
  text-align: center;
  flex: 0 0 100px; /* 固定宽度为 200px */
  overflow-y: auto;
  --el-menu-bg-color:#F9F9F9;
}
.content-box{
  flex: 1; /* 占满剩余的宽度 */
  background-color: #ffffff;
  padding:10px;
  overflow-x: auto;
}


/*fjxx上传*/
.task-box{
  background:#c6e2ff;
  line-height:30px;
  margin-bottom:20px;
}

.vpn-container {
  padding: 0 10px;
  margin: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  position: relative;

  .user-l {
    display: flex;
    align-items: center;
    justify-content: flex-start;

    .item {
      padding: 5px;
      border: 1px solid #eee;
      border-radius: 5px;
      box-shadow: 3px 5px 8px #eee;

      .img {
        height: 180px;
        width: 320px;
        background: #72767b;

        img {
          height: 180px;
          width: 320px;
        }
      }

      .control {
        margin: 10px 0 0 0;
        height: 32px;
      }
    }
  }
}